// 页面头部
.index-header {
    padding: 10px 20px;
    h3 {
        padding: 0 0 10px 0;
    }
    input {
        height: 44px;
        width: 100%;
        padding: 0 0 0 10px;
        font-size: 20px;
    }
}
// 页面列表
.index-section {
    padding: 10px 20px;
}
.task-num {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.task-list {
    li {
        width: 100%;
        padding: 10px 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        button {
            border:0;
            background-color: transparent;
            color: red;
        }
        input[type='checkbox'] {
            width: 26px;
            height: 26px;
            vertical-align: middle;
        }
        &.active {
            text-decoration: line-through;
            button {
                text-decoration: line-through !important;
            }
        }
        span {
            display: inline-block;
            width: 200px;
            height: 26px;
            vertical-align: middle;
            outline: none;
            &:focus {
                border-bottom: 1px solid #ccc;  
            }
        }
    }
}